@charset "utf-8";
/* CSS Document */
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;background-color:#fff;font:12px/20px "微软雅黑", Tahoma, "宋体";}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{color:#4f4f4f;text-decoration:none;}
a:hover{transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;color:#da251e;}
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
input {border: none;margin: 0; padding: 0; outline: none;}

.hide{display:none;}

.clear{clear:both;}
.pageweizi{text-align:center;}
.page {display:inline-block;font: 16px/28px "微软雅黑", Tahoma, "宋体"; *display:inline;:1;*zoom:1; margin-bottom: 10px;}
.page span {float:left;}
.page a , .page span{background:#FFF;border:1px solid #CCC; color:#333;float:left;font: 16px/24px "微软雅黑", Tahoma, "宋体";height:24px;margin-right:5px;min-width:15px;padding:4px 8px; text-align:center; vertical-align:middle; white-space:nowrap;_width:15px;}
.page a:hover {border:1px solid #D80100; color:#D80100; text-decoration:none;}
.page span{background: #D80100;color:#fff;	border:1px solid #D80100;}

/*-------header-----*/
.headerbg{background:#333; height: 40px; line-height: 40px;}
.header{width:1000px; margin: 0 auto;}
.header .hwelcome{float:left; color:#fff;}
.header .hsearch{float:right; height: 40px;}
.header .hsearch .searchinput{float:left; width:120px; height:22px; font-size:12px; line-height:22px; color:#909090; background:url(../images/searchinput.png) center no-repeat; padding-left:25px; margin-top: 9px;}
.header .hsearch .searchbtn{width:24px; height: 22px; margin-top: 0px;}

/*------------nav----------------*/
.navbg{background:#000; height: 45px; line-height: 45px;}
.nav{width:1000px; margin: 0 auto;}
.nav .navlogo{margin-top:12px; float:left;}
.nav .navlogo img{display:block;}
.nav .navlist{float:right; height: 45px; position:relative;}
.nav .navlist ul{}
.nav .navlist ul li{float:left; width:118px; text-align:right; position:relative;}
.nav .navlist ul li a{color:#fff; font-size: 14px;}
.nav .navlist ul li a:hover{color:#bbb}
.nav .navlist ul li.drop-down:hover{color:#bbb;}
.nav .navlist ul li.drop-down:hover a{width:118px; height:45px; display:block; }
.nav .navlist ul li.drop-down:hover .drop-down-menu{ border:#000 1px solid; background:#000; display:block; width:192px; padding:5px 10px 20px 10px; position:absolute; top:44px; left:0px; z-index:1111; border-radius: 0 0 5px 5px;}
.nav .navlist ul li.drop-down:hover .drop-down-menu a{border-bottom:#333 1px solid; display:block; line-height:24px; text-align:center; width:192px; height:24px; position:relative;}



.m_header{display:none;}
.menu_btn {height:50px; margin-right:10px; float:right;}
.menu_btn span {width:30px; height:30px; margin:10px; display:block; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

/*mobile nav start*/
/* General styles for all menus */
.cbp-spmenu{background:#000;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#fff; color:#000;}
.cbp-spmenu a:active{background:#fff; color:#000;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:120px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:0em 1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
/*mobile nav end*/


/* banner */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;overflow:hidden;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.auction_top_banner{clear:both;}
.auction_top_banner .swiper-slide{float:left;background:#fff;}
.auction_top_banner img{display:block;margin:0 auto;width:100%;}
.swiper-container,.swiper-wrapper,.auction_top_banner .swiper-slide,.auction_top_banner img{max-height:672px;height:auto !important;}
.auction_top_banner img.phoneimg{display:none;}
.auction_top_banner .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:16px;display:inline-block;}
.auction_top_banner .swiper-pagination-switch{display:inline-block;width:14px;height:7px;background:#fff;margin:0 6px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.auction_top_banner .swiper-active-switch{background:#005bac;margin-bottom:2px;}/*.auction_top_banner .swiper-visible-switch,*/

.pc{display:block;}
.h5{display:none;}

/*pagination*/
.pagination{padding:30px 10px; text-align:center; font-size:0; line-height:0;}
.pagination .prev, .pagination .next{line-height:36px; font-size:12px; color:#006EC7; vertical-align:middle;}
.pagination ul, .pagination ul li{display:inline-block; vertical-align:middle;}
.pagination ul{height:36px; margin:0 10px; padding:3px 0 3px 3px; border-radius:4px; background:#F5F5F5;}
.pagination li{display:inline-block; height:36px; width:36px; margin-right:3px; line-height:36px;}
.pagination li a{display:block; width:36px; height:36px; color:#666; font-size:14px;}
.pagination li a.current{color:#FFF; background:#006EC7; border-radius:4px;}


/*-----------iprotype---------*/
.iprotype{width:100%;border:0px; overflow:hidden;}
.iprotype ul{border:0px;}
.iprotype ul li{width:25%; float:left; border:0px;}
.iprotype ul li .iprotypen{margin:2px 1px;  position: relative; z-index:1}
.iprotype ul li .pimg{overflow:hidden;}
.iprotype img{display:block;width:100%;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.iprotype img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);  
transform:scale(1.1,1.1);}

.iprotype ul li img{max-width:100%;}
.iprotype ul li div.wenzi{top:20px; width: 100%; text-align: center; position: absolute; z-index: 10; color:#fff; display:none;}
.iprotype ul li div.wenzi .tit{font-size:20px; line-height: 30px;}
.iprotype ul li div.wenzi .instr{font-size:14px; line-height: 24px;}
.iprotype ul li div.c333{color:#333}

/*---------iabout----------*/
.shadowbottom{width:100%; height: 72px; background:url(../images/shadowbottom.jpg) repeat-x bottom}
.shadowtop{width:100%; height: 71px; background:url(../images/shadowtop.jpg) repeat-x top}
.iabout{width:1240px; margin: 20px auto;}
.iabout .iaboutinfo{float:left; width:830px;}
.iabout .iaboutinfo .iabouttit{text-align: center; color:#333; font-size: 20px; line-height: 70px; border-bottom:1px solid #cdcdcd;}
.iabout .iaboutinfo .iabouttit span{display: block; float:left;}
.iabout .iaboutinfo .iabouttit span.simg{margin-right: 10px;}
.iabout .iaboutinfo .iabouttit span.simg img{margin-top: 20px; display: block;} 
.w240{width:240px; margin: 0 auto;}
.iaboutcontent{font-size:14px; color:#666; line-height: 60px; margin-top: 10px;}
.iabout .iaboutimg{float:right;}
.iabout .more a{width:98px; margin: 20px auto 0px; height: 41px; text-align: center; line-height: 39px; border:1px solid #999999; display: block; border-radius:10px; letter-spacing:2px; color:#e12222; font-size:14px}
.iabout .more a:hover{background: #e12222; color:#fff; border:1px solid #e12222}

/*-------------iprohot--------------*/
.iprohot{width:100%; margin: 10px 0px;}
.iprohot img{max-width:100%; max-height: 100%; display: block; }
/*.iprohot img{display:block;width:100%;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.iprohot img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);  
transform:scale(1.1,1.1);}*/
.iprohot .iproleft{float:left; width:40%; margin:0px 0.5% 0px 0.5%;}
.iprohot .iproleft .iproleftl{float:left; width:48.2%; position: relative;}
.iprohot .iproleft .iproleftr{float:right; width:50.4%; position: relative;}
.iprohot .iproleft .iproleftb{position: relative;}
.iprohot .iprocenter{float:left; width:18%; position: relative;}
.iprohot .iproright{float:right; width:40%; margin:0px 0.5% 0px 0px;}
.iprohot .iproright .iprorightl{float:left; width:48.2%; position: relative;}
.iprohot .iproright .iprorightr{float:right; width:50.4%; position: relative;}
.iprohot .iproright .iprorightb{position: relative;}


.iproleftlwz{top:15%; width: 90%; margin-left: 10%; position: absolute; z-index: 10; color:#fff; font-size: 16px; line-height: 30px;}
.iproleftlwz img{display: block; margin-left: 20%; margin-top: 10%;}

.iproleftbwz{position:absolute; z-index: 10; color:#fff; top:17%; bottom: 13%; overflow: hidden; width:100%;}
.iproleftbwz .iproleftbwzl{float:left; width:30%; margin-left:7%; font-size: 12px; line-height: 24px; display:none;}
.iproleftbwz .iproleftbwzr{float:left; margin-left:15%; font-size: 16px;  line-height: 30px; width:25%}
.iproleftbwz .iproleftbwzr img{display: block; margin: 15% auto 0px;}

.iprocenterwz{position:absolute; z-index: 10; color:#fff; top:50px; width:70%; margin-left:15%;}
.iprocenterwz .tit{font-size:16px; text-align: center;}
.iprocenterwz .intro{font-size:12px; line-height:24px; margin-top: 20px; display:none;}
.iprocenterwz img{display: block; margin: 10% auto 0px;}

.iprorightbwz{position:absolute; z-index: 10; color:#fff; top:30%; width:25%; left:70%;}
.iprorightbwz .iprorightbwzt{}
.iprorightbwz .iprorightbwzt p{font-size:16px; width:100%;}
.iprorightbwz .iprorightbwzt img{display: block; margin-top: 20px;}
.iprorightbwz .iprorightbwzb{width:30%; float:right; margin-top:5%;  line-height: 24px; display:none;}

.iprorightlwz{top:15%; width: 90%; margin-left: 10%; position: absolute; z-index: 10; color:#fff; font-size: 16px; line-height: 30px;}
.iprorightlwz p{float:left;}
.iprorightlwz img{display: block; margin-right: 20%; margin-top: 0%; float:right}

.iprorightrwz{top:60%; width: 90%; margin-left: 10%; position: absolute; z-index: 10; color:#fff; font-size: 16px; line-height: 30px;}
.iprorightrwz p{float:right; margin-right: 10%;}
.iprorightrwz img{display: block; margin-left: 0%; margin-top: 0%; float:left}



.hnewtop,.hnewbottom{height: 55px;}

/*-------------inews-----------------*/
.inews{width:1560px; margin: 20px auto;}
.inews .inewstit{text-align: center; color:#333; font-size: 20px; line-height: 70px; border-bottom:1px solid #cdcdcd;}
.inews .inewstit span{display: block; float:left;}
.inews .inewstit span.simg{margin-right: 10px;}
.inews .inewstit span.simg img{margin-top: 20px; display: block;} 
.inews .newsl{float:left; width:580px; margin-left: 10px; margin-top: 10px; border-bottom:1px dotted #cdcdcd;}
.inews .newsr{float:right; width:940px;}
.inews .newsl .newslist{width:530px; height:129px;}
.inews .newsl .newslist span{font-size:14px; height:40px; line-height: 40px;}
.inews .newsl .newslist span.st{float:left; width:80%;}
.inews .newsl .newslist span.sd{float:right; text-align: right; width:20%;}
.inews .newsl .newslist p{font-size:12px; line-height: 30px;}

.inews .newsr{margin-top:10px;}
.inews .newsr ul li{border-bottom:1px dotted #999999; padding-bottom: 10px;}
.inews .newsr ul li a .nimg{float:left; width:132px; height: 88px; padding: 0px 0px}
.inews .newsr ul li a .ntime{float:left;width:45px; height:88px; float:left; background:#ededed; margin-left:1px; transition:all 0.35s;}
.inews .newsr ul li a .ntime .date{display:block;padding:10px 0 0 0;  text-align:center; color:#333; font-size:10px; font-family:'Eshion_elegant_En';}
.inews .newsr ul li a .ntime .day{display:block; text-align:center; padding:10px 0 0 0; color:#999; font-size:30px; font-family:'Eshion_elegant_En';}
.inews .newsr ul li a .ncon{float:left; width:740px; height:88px; position:relative;margin-left: 10px;text-align: left; color:#999}
.inews .newsr ul li a .tit{display:block; font-size:16px; color:#8a8a8a; padding:10px 0 10px 0px; transition:all 0.35s;}
.inews .newsr ul li a .cons{line-height:24px; height:48px;     overflow: hidden;
    display: block;}
.inews .newsr ul li a .txt{display:block; font-size:13px; line-height:180%; color:#999;}
.inews .newsr ul li a:hover .ntime,.inews .newsr ul li a:active .date{background:#e60012;}
.inews .newsr ul li a:hover .ntime .date,.inews .newsrul li a:active .ntime .date{color:#FFF;}
.inews .newsr ul li a:hover .ntime .day,.inews .newsr ul li a:active .ntime .day{color:#FFF;}
.inews .newsr ul li a:hover .tit,.news li a:active .tit{color:#e60012;}

/*---------footbg-------*/
.footbg{width:100%; background: #f2f2f2}
.foot{width:1560px; margin: 0px auto; border-top:1px solid #cdcdcd}
.foot .footc{width:1000px; margin: 0px auto; padding: 20px 0px}
.foot .footc .footnav{float:left; padding-left: 20px;}
.foot .footc .footnav dl{float:left; width:120px; line-height: 24px;}
.foot .footc .footnav dl.footcontact{width:180px;}
.foot .footc .footnav dl dt{font-size:16px;}
.foot .footc .footnav dl dd{font-size:12px;}
.foot .footc .footimg{float:right; padding-right: 20px;}
.foot .footc span{display:block; text-align: center; font-size: 12px; line-height: 30px;}
.foot .footc span.sbs{width: 100%; border-bottom: 1px solid #cdcdcd;}



/*----------------news------------*/
.newstitbg{background:#fff; line-height:60px; height: 60px; margin-top:5px;}
.newstitbg .newstit{width:1000px; margin: 0 auto; font-size: 16px; font-weight: bold; border-bottom:1px solid #ccc; height:59px;}
.newstitbg .newstit a{float:right; font-size: 12px; font-weight: normal;}
.newslistbg{background:#fff;}
.newslistbg .newslist{width:1000px; margin:0 auto; padding: 40px 0px;}
.newslistbg .newslist ul li{min-height: 130px; padding: 30px; margin-bottom: 25px; background: #fafafa; position: relative;}
.newslistbg .newslist li::before{content: '';width: 5px;height: 100%; position: absolute;top: 0;left: 0;background-color: #D80100;display: none;}
.newslistbg .newslist li .left{float: left;width:320px;padding-right: 40px;}
.newslistbg .newslist li .left .title{font-size: 24px;line-height: 1.8;color:#333333;height: 86.4px;overflow: hidden;letter-spacing: 1px;}
.newslistbg .newslist li .left .date{font-size: 16px;color:#333333;margin-top: 26px;letter-spacing: .8px;}
.newslistbg .newslist li .right {float: right;width: 545px;padding-left: 34px;border-left: 1px solid #d8d8d8;}
.newslistbg .newslist li .right .description{color: #666;font-size: 14px;line-height: 2.1;margin-top: -5px;}
.newslistbg .newslist li .right .mored{float: right;color: #333; font-size: 16px; display: inline-block;margin: 15px 10px 0 0 ;}
.newslistbg .newslist li .right .mored img{vertical-align: middle;margin-top:-3px;}
.newslistbg .newslist li .right .mored .imgh{display: none;}
.newslistbg .newslist li:hover{background:#f5f5f5;}
.newslistbg .newslist li:hover::before{display: block;}
.newslistbg .newslist li:hover .left .title,.newslist li:hover .left .date{color:#D80100;}
.newslistbg .newslist li:hover .right .description{color: #333;}
.newslistbg .newslist li:hover .right .mored{color:#D80100;}
.newslistbg .newslist li:hover .right .mored .imgs{display: none;}
.newslistbg .newslist li:hover .right .mored .imgh{display: inline-block;}

/*------------newsshow-----------*/
.newscontent{width:1000px; margin:0 auto; padding: 0px 0px;}
.news_detail_top{width: 100%;margin-top:40px;}
.news_detail_top .nd_title{width: 100%;min-height: 28px;line-height: 28px;font-size: 24px;color:#333;text-align: center;}
.news_detail_top .nd_more{width: 100%;height: 27px;line-height: 27px;margin-top:25px;padding-bottom: 14px;border-bottom: 1px solid #e6e6e6;}
.news_detail_top .nd_more .nd_date{float:left;width: 47%;text-align: right;padding-right: 3%;}
.news_detail_top .nd_more .nd_source{float:right;width: 47%;text-align: left;padding-left: 3%;}
.news_detail_top .nd_more .txt{color:#999;font-size: 12px;}
.news_detail_top .nd_more .val{color:#333;font-size: 12px;}
.news_detail_content{padding-top: 21px;margin-bottom: 45px;}
.news_detail_content p{line-height:30px; text-indent:2em; font-size:14px;}
.news_detail_bottom{width: 100%;height: 25px;line-height: 25px;font-size: 14px;margin-bottom: 50px;}
.news_detail_bottom>span{display: inline-block;width: 48%;overflow: hidden;}
.news_detail_bottom .prev{text-align: left;}
.news_detail_bottom .next{text-align: right;}


/*--------navprotype-------------*/
/* Tiny Carousel */  
.protype{width: 80%; margin: 0 auto; display: none;}
#proslider {height: 1%;overflow: hidden;  padding:0px; background: #000; width: 100%;  display: none;}  
#proslider .viewport {width:720px; margin: 0 auto;  height: 100px;overflow: hidden;position: relative;}  
#proslider .buttons {display: block;  margin: 30px 0px 0 0;  background-position: 0 -38px; text-indent:-999em;  float: left;  width: 10%;  height: 37px;  overflow: hidden;  position: relative;  }  
#proslider .prev{background: url("../images/L.png") center no-repeat; display: none;}
#proslider .next{background: url("../images/R.png") center no-repeat; display: none;}
#proslider .next {margin: 30px 0 0 0px;  }  
#proslider .disable {visibility: hidden;}  
#proslider .overview {list-style: none; position: absolute; padding:0px; margin:0px; left:0; top:0; width:720px;}  
#proslider .overview li {float: left;  margin: 0px;  padding: 0px;  height: 100px;  border: 0px solid #dcdcdc;  width:80px; text-align: center; margin:0px 20px;}  

#proslider .overview li  a{color:#fff}
#proslider .overview li.on a{color:#da251e;}

.prokuan{width:80%; margin: 50px auto; background:#f2f2f2; display: block; text-align: center;}
.prokuan .tit{font-size:44px; line-height: 44px; padding: 50px 0px;}
.prokuan .icon{font-size:32px; line-height: 32px; color:#f00}
.prokuan img{margin:10px 0px 20px;}

.protwo{width:80%; margin: 0 auto; display: block; text-align: center; min-height:100px; }
.protwo .tit{font-size:30px;}
.protwo .icon{font-size:16px; color:#f00}
.protwo .icon a{ color:#f00}
.protwo .protwol{float:left; width:47.5%; background:#f2f2f2; margin-bottom:20px;}
.protwo .protwol .tit{padding:20px 0px 20px;}
.protwo .protwol img{margin:20px 0px 20px}
.protwo .protwor{float:right; width:47.5%; background:#f2f2f2; margin-bottom:20px;}
.protwo .protwor img{margin:10px 0px 20px}
.protwo .protwor .tit{padding:20px 0px 15px;}
.protwo .protwor .icon{padding-bottom:15px;}


/*------------about------------*/
.about{width:960px; margin: 5px auto 40px;}
.about .tit{font-size:24px; line-height: 36px;}
.aboutcontent{width:960px; margin:0px auto; padding:0px 0px; background:#fff;}
.aboutcontent p{line-height:25px; font-size:14px; padding:10px 0px;line-height:40px;}
.aboutcontent p img{max-width:100%;}
.aboutcontent td{width:50%;}
.aboutcontent td img{max-width:100%;}

/*contact*/
.contactus{width:1000px ; margin:5px auto;}
.productscontent{width:1000px ; margin:0 auto;}
.contactus .PartTitle{margin:0px auto;}
.PartTitle{position: relative; font-size: 24px; font-weight: normal height: 60px; line-height: 60px; border-bottom: 1px solid #ccc;}
.PartTitle a{float:right; font-size: 12px; font-weight: normal;}
.contactus .con{margin-bottom:40px;}
.contactus .con .confl{float:left; width:60%;}
.contactus .con .confr{float:right; width:160px;}
.contactus .con .confr img{max-width:100%; margin-top:70px}
.contactus .con p{line-height: 30px;font-size: 16px;}
.h30{width:100%; height:30px;}

/*-----honor----*/
.baguetteBoxOne{width:100%; margin-top: 10px;}
.baguetteBoxOne li{width:25%; float:left; text-align:center;}
.baguetteBoxOne li p{line-height: 40px; overflow: hidden; display: block; white-space: nowrap; height: 40px;}
.baguetteBoxOne li div{border-radius:10px;}
.baguetteBoxOne li div img{border-radius:10px;}

/*-------productshow------*/
#products .pd_top{width: 100%;height: 500px;}
#products .pd_top .pd_imgs{float: left;width:500px;height: 100%;}
/*#products #slider{width:500px;height: 500px;overflow: hidden;}
#products #slider .product_img{width: 500x;height: 500px;}
#products .bx-wrapper {border:0px;box-shadow:0 0 0 #fff;}
#products .bx-wrapper{width: 500px;margin:0 auto;}
#products .bx-wrapper .bx-prev{top:45%;left: -0px;background: url(../images/left.jpg) no-repeat;background-size: 41px 41px;width: 41px;height: 41px;}
#products .bx-wrapper .bx-next{top:45%;right: -0px;background: url(../images/right.jpg) no-repeat;background-size: 41px 41px;width: 41px;height: 41px;}
#products .bx-wrapper .bx-pager{bottom: -25px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#004a93;}*/

#products .pd_top .pd_right{float: right;width: 450px;height: 100%;}
#products .pd_top .pd_right .pd_title{width: 100%; height:35px;line-height: 35px; font-size:24px;color:#D90000; overflow:hidden;margin:15px 0px 15px;}
#products .pd_top .pd_right .pd_description{width: 100%;height:435px ;overflow: hidden;}
#products .pd_top .pd_right .pd_description .tag{color: #D90000;font-size: 18px;font-weight: normal;}
#products .pd_top .pd_right .pd_description .tag a{color: #D90000;}
#products .pd_top .pd_right .pd_description .pd_content{color: #666;font-size: 16px;line-height: 2.1;letter-spacing: 0.5px;margin-top: 15px;}
#products .pd_top .pd_right .pd_description .pd_content li {line-height:50px; height:50px;}
#products .pd_top .pd_right .pd_description .pd_content li b {font-size: 14px;color: #FF6600;}

.hn_probanner_bgcolor{ width: 94%;margin: 0 auto;background: white;position:relative;}
.hn_probanner_bgcolor .showbox{overflow: hidden; width: 100%;text-align: center;vertical-align: middle;height:100%;}
.hn_probanner_bgcolor .showbox ul{line-height: 0;position: relative; display: block;white-space: nowrap;height:100%;font-size:0px;}
.hn_probanner_bgcolor .showbox ul li{display:inline-block;width:100%;background:#fff;height:100%;position:relative;}
.hn_probanner_bgcolor .showbox ul li .cont{display:inline-block;width:100%;color:white;}
.hn_probanner_bgcolor .showbox ul li h2{font-size: 1.4rem;line-height: 1.1em;height:1.1em;overflow:hidden;width:80%;margin:30px auto 10px;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li h1{font-size: 2.8rem;line-height: 1.1em;height:1.1em;overflow:hidden;width:80%;margin:0 auto 15px;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li h3{font-size: 1.2rem;line-height: 1.1em;height:1.1em;max-height:3.2rem;overflow:hidden;opacity:.6;width:90%;margin:0 auto;width:80%;margin:0 auto;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li img{margin-top:20px;width:90%;height:auto;margin-bottom:40px;}
.hn_probanner_bgcolor .btn_l{position:absolute;left:0%;top:50%;margin-top:2rem;padding:28px 8px;}
.hn_probanner_bgcolor .btn_r{position:absolute;right:0%;top:50%;margin-top:2rem;padding:28px 8px;}
/* .ico_25{display: inline-block; width:25px;height:25px;vertical-align: middle;background: url(../images/hn_ico72.png) no-repeat;background-size: 200% auto;line-height:2.5rem;vertical-align:middle}
.ico_25.i_left{background-position:0 65%}
.ico_25.i_right{background-position:0 70%;} 
.ico_25{display: inline-block; width:25px;height:25px;vertical-align: middle;background-size: 200% auto;line-height:2.5rem;vertical-align:middle}
.i_left{background: url(../images/left.jpg) no-repeat; background-size:100% 100%;  }
.i_right{background: url(../images/right.jpg) no-repeat; background-size:100% 100%; }*/

.js_indexprobanner2_nav{width:100%;display:block;position:absolute;bottom:5%;font-size:0;text-align:center}
.js_indexprobanner2_nav span{display:inline-block;width:20px;height:5px;background:#c6cacb;margin:0 2px;}
.js_indexprobanner2_nav span.swiper-active-switch{background:#D90000;}


.cbanner{width:100%;}
.cbanner img{max-width:100%;}

#products .biaoqian{width: 100%;margin:0px 0 30px 0;}
.biaoqian .bqt{display: block;width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #d7d7d7;}
.biaoqian .bqt li{float: left;width: 150px;height: 100%;padding:0 20px;font-size: 18px;letter-spacing: 1px;text-align: center;overflow: hidden;border-top: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;}
.biaoqian .bqt li:last-child{border-right: 1px solid #d7d7d7;}
.biaoqian .bqt .cur{background: #D90000;color:#fff;}
.biaoqian .bqt li:hover{background: #D90000;color:#fff;}

.biaoqian .bqc{width: 100%;padding: 40px 0 40px}
.biaoqian .bqc li{display: none; line-height: 30px;}
.biaoqian .mqc{display:none;}

.contactus .con img {max-width:100%;}

/*liuyai*/
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 96%; border: #e5e5e5 solid 1px; color: #804235; display: block;
padding: 10px 5px;
background: none;
-webkit-box-sizing: border-box;
font-size: 14px;
outline: none;}

.apply .applybtn{font-size: 16px;
color: #fff;
padding: 0px 0px;
line-height: 30px;
width:100px; margin-top:20px;}
apply .aoolya{}

@media (min-width: 1200px) and (max-width: 1600px) { 
	.iprotype ul li div.wenzi{top:13px;}
	.iprotype ul li div.wenzi .tit {font-size: 16px; line-height: 24px;}
	.iprotype ul li div.wenzi .instr {font-size: 12px; line-height: 20px;}
	.iabout{width:1160px;}
	.iabout .iaboutinfo{width:800px;}
	
	.iproleftlwz{margin-left: 6%; top:10%;}
	.iproleftlwz img{width:20%; max-width: 83px;}
	
	.iproleftbwz{top:8%; bottom:0%;}
	.iproleftbwz .iproleftbwzl{margin-left:5%; width:192px;}
	.iproleftbwz .iproleftbwzr{margin-left:5%; width:126px;}
	.iproleftbwz .iproleftbwzr img{width:50%; max-width: 99px;}
	
	.iprocenterwz{height: 50%; width:90%; margin-left: 5%; top:15px}
	.iprocenterwz .intro{margin-top:10px;}
	.iprocenterwz img{margin: 5% auto 0px;}
	
	.iprorightbwz{width:85%;}
	.iprorightbwz .iprorightbwzt img{width:60px; max-width: 99px;}
	.iprorightbwz .iprorightbwzb{width:45%; margin-right: 5%; margin-top: 2%;}
	
	.iprorightlwz img{width:20%; margin-right:15%;  max-width: 83px;}
	.iprorightrwz img{width:20%; max-width: 83px;}
	
	.inews{width:1160px;}
	.inews .newsl{width:480px;}
	.inews .newsl img{max-width:100%;}
	.inews .newsl .newslist{width:430px;}
	.inews .newsr{width:640px;}
	.inews .newsr ul li a .ncon{width:440px;}
	.foot{width:1160px}
	
	.prokuan img {max-width:80%;}
	.protwo img {max-width:96%;}
}
@media (min-width: 768px) and (max-width: 1199px) { 
	.header{width:740px;}
	.nav{width:740px;}
	.nav .navlist ul li{width:80px;}
	.iprotype ul li{width:50%;}
	.iprotype ul li img {max-width: 100%; margin: 0 auto; display: block;}
	.iabout{width:740px;}
	.iabout .iaboutinfo{width:740px;}
	.iaboutimg{display: none;}
	
	.iproleftlwz{margin-left: 6%; top:10%;}
	.iproleftlwz img{width:20%; max-width: 83px;}
	.iproleftbwz .iproleftbwzr img{margin-top:5%}
	
	.iproleftbwz{top:8%; bottom:0%;}
	.iproleftbwz .iproleftbwzl{display: none;}
	.iproleftbwz .iproleftbwzr{margin-left:5%; width:126px;}
	.iproleftbwz .iproleftbwzr img{width:50%; max-width: 99px;}
	
	.iprocenterwz{height: 50%; width:90%; margin-left: 5%; top:15%}
	.iprocenterwz .intro{display: none;}
	.iprocenterwz img{margin: 30% auto 0px; width: 40%;}
	
	.iprorightbwz{width:85%;}
	.iprorightbwz .iprorightbwzt img{width:60px; max-width: 99px;}
	.iprorightbwz .iprorightbwzb{display: none;}
	
	.iprorightlwz{line-height:24px; top:10px; margin-left: 5%; width:95%;}
	.iprorightlwz img{width:20%; margin-right:5%;  max-width: 83px;}
	.iprorightrwz{line-height:24px}
	.iprorightrwz img{width:20%; max-width: 83px;}
	
	.inews{width:740px;}
	.inews .newsl{float:none; width:740px; margin: 10px auto; }
	.inews .newsl img{margin-left:110px;}
	.inews .newsl .newslist{width:100%;}
	.inews .newsr{width:740px; float:none;}
	.inews .newsr ul li a .ncon{width:440px;}
	
	.foot{width:740px;}
	.foot .footc{width:100%;}
	.foot .footc .footnav{padding-left:0px; width:540px; margin: 0 auto; float:none}
	.foot .footc .footimg{float:none; padding-right: 0px; width:300px; margin: 0 auto;}
	
	.prokuan img {max-width:96%;}
	
	.protwo{width:80%;}
	.protwo .protwol{float:left; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwol .tit{padding:20px 0px 20px; font-size:16px;}
	.protwo .protwol img{margin:20px 0px 20px; width:80%; }
	
	.protwo .protwor{float:right; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwor img{margin:10px 0px 20px; max-width: 80%;}
	.protwo .protwor .tit{padding:20px 0px 15px; font-size:16px;}
	.protwo .protwor .icon{padding-bottom:15px;}
	
}

@media (min-width: 768px) and (max-width: 1040px) { 
	.newstitbg .newstit{width:740px;}
	.newslistbg .newslist{width:740px;}
	.newslistbg .newslist ul li{padding:15px;}
	.newslistbg .newslist li .left{width:280px; padding-right:20px}
	.newslistbg .newslist li .right{width:375px;}
	
	.newscontent{width:740px; word-wrap: break-word;}
	
	.prokuan{width:96%; margin: 20px auto;}
	.prokuan img{width:80%; margin: 10px auto 10px;}
	.prokuan .tit{font-size:20px; line-height: 20px; padding: 20px 0px;}
	.prokuan .icon{font-size:16px;}
	
	.protwo{width:96%;}
	.protwo .protwol{float:left; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwol .tit{padding:20px 0px 20px; font-size:16px;}
	.protwo .protwol img{margin:20px 0px 20px; width:80%; }
	
	.protwo .protwor{float:right; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwor img{margin:10px 0px 20px; max-width: 80%;}
	.protwo .protwor .tit{padding:20px 0px 15px; font-size:16px;}
	.protwo .protwor .icon{padding-bottom:15px;}
	
	.productscontent{width:740px;}
	#products .pd_top{height:auto;}
	#products .pd_top .pd_imgs{width:100%; float:none;}
	.hn_probanner_bgcolor .showbox ul li img{width:auto; max-width:90%;}
	#products .pd_top .pd_right{float:none; margin:0 auto;}
	.biaoqian .bqt li{width:120px;}
	.biaoqian .bqc img{max-width:100%;}
	.biaoqian .bqc{padding:20px 0px 0px;}
	
	.contactus{width:740px;}
	
	.about{width:740px}
	.aboutcontent{width:740px}
	.aboutcontent p{line-height:30px;}
}

@media (min-width: 480px) and (max-width: 767px) { 
	.header{width:96%;}
	.nav{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#000;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	.cbp-spmenu a{height:30px; line-height:30px;}
	
	.iprotype ul li:hover div.wenzi .instr{display:block;}
	.iprotype ul li div.wenzi .instr{display:none;}
	
	.iprotype ul li{width:50%;}
	.iprotype ul li img {max-width: 100%; margin: 0 auto; display: block;}
	
	.iabout{width:96%;}
	.iabout .iaboutinfo{width:100%;}
	.iaboutimg{display: none;}
	
	.shadowbottom{height:52px;}
	.shadowtop{height:52px;}
	
	.iprohot .iproleft{width:96%; margin: 0px 2%; float:none;}
	.iprohot .iprocenter{display:none;}
	.iprohot .iproright{width:96%; margin: 10px 2% 0px; float:none;}
	
	.iprohot .iproleft .iproleftb{margin-top:10px;}
	.iprohot .iproright .iprorightb{margin-bottom:10px;}
	
	.iproleftlwz{margin-left: 6%; top:10%;}
	.iproleftlwz img{width:20%; max-width: 83px;}
	.iproleftbwz .iproleftbwzr img{margin-top:5%}
	
	.iproleftbwz{top:8%; bottom:0%;}
	.iproleftbwz .iproleftbwzl{display: none;}
	.iproleftbwz .iproleftbwzr{margin-left:5%; width:35%;}
	.iproleftbwz .iproleftbwzr img{width:50%; max-width: 99px; margin-top: 15%}
	
	.iprocenterwz{height: 50%; width:90%; margin-left: 5%; top:15%}
	.iprocenterwz .intro{display: none;}
	.iprocenterwz img{margin: 30% auto 0px; width: 40%;}
	
	.iprorightbwz{width:85%;}
	.iprorightbwz .iprorightbwzt img{width:60px; max-width: 99px;}
	.iprorightbwz .iprorightbwzb{display: none;}
	
	.iprorightlwz{line-height:24px; top:10px; margin-left: 5%; width:95%;}
	.iprorightlwz img{width:20%; margin-right:10%;  max-width: 83px; margin-top: 10%}
	.iprorightrwz{line-height:24px}
	.iprorightrwz img{width:20%; max-width: 83px;}
	
	.inews{width:96%;}
	.inews .newsl{float:none; width:100%; margin: 10px auto; }
	.inews .newsl img{display: block; margin: 0 auto;}
	.inews .newsl .newslist{width:100%;}
	.inews .newsr{width:100%; float:none;}
	.inews .newsr ul li a .ncon{width:100%; height: auto;}
	.inews .newsr ul li a .nimg{display:none;}
	.inews .newsr ul li a .ntime{display:none;}
	
	.foot{width:96%;}
	.foot .footc{width:100%;}
	.foot .footc .footnav{padding-left:0px; width:540px; margin: 0 auto; float:none; display: none;}
	.foot .footc .footimg{float:none; padding-right: 0px; width:300px; margin: 0 auto;}
	.hnewtop, .hnewbottom{height: 20px;}
	
	
	.newstitbg .newstit{width:96%;}
	.newslistbg .newslist{width:96%;}
	.newslistbg .newslist ul li{padding:15px;}
	.newslistbg .newslist li .left{width:100%; padding-right:00px}
	.newslistbg .newslist li .right{width:100%;}
	.newslistbg .newslist li .left .title{line-height:1.1em; height:auto;}
	.newslistbg .newslist li .left .date{margin:10px 0px;}
	
	.newscontent{width:96%; word-wrap: break-word;}
	.news_detail_bottom > span{width:100%;}
	.news_detail_bottom .next{float:left; text-align:left;}
	
	.prokuan{width:96%; margin: 20px auto;}
	.prokuan img{width:80%; margin: 10px auto 10px;}
	.prokuan .tit{font-size:20px; line-height: 20px; padding: 20px 0px;}
	.prokuan .icon{font-size:16px;}
	
	.protwo{width:96%;}
	.protwo .protwol{float:left; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwol .tit{padding:20px 0px 20px; font-size:16px;}
	.protwo .protwol img{margin:20px 0px 20px; width:80%; }
	
	.protwo .protwor{float:right; width:48%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwor img{margin:10px 0px 20px; max-width: 80%;}
	.protwo .protwor .tit{padding:20px 0px 15px; font-size:16px;}
	.protwo .protwor .icon{padding-bottom:15px;}
	
		.protype{width: 100%; margin:0 auto; display: none; float:left;}
#proslider {height: 1%;overflow: hidden;  padding: 0px; background: #000; width: 100%;}  
#proslider .viewport {width:480px; margin: 0 auto;  height: 100px;overflow: hidden;position: relative;}  
#proslider .buttons {display: block;  margin: 30px 0px 0 0;  background-position: 0 -38px; text-indent:-999em;  float: left;  width: 10%;  height: 37px;  overflow: hidden;  position: relative;  }  
#proslider .prev{background: url(../images/L.png) center no-repeat;  display: none; }
#proslider .next{background: url(../images/R.png) center no-repeat;  display: none; }
#proslider .next {margin: 30px 0 0 0px;  }  
#proslider .disable {visibility: hidden;}  
#proslider .overview {list-style: none; position: absolute; padding:0px; margin:0px; left:0; top:0; width:240px;}  
#proslider .overview li {float: left;  margin: 0px;  padding: 0px;  height: 100px;  border: 0px solid #dcdcdc;  width:80px; text-align: center; color:#fff}  


	.productscontent{width:96%;}
	#products .pd_top{height:auto;}
	#products .pd_top .pd_imgs{width:100%; float:none;}
	.hn_probanner_bgcolor .showbox ul li img{width:auto; max-width:90%;}
	#products .pd_top .pd_right{float:none; margin:0 auto; height:auto;}
	#products .pd_top .pd_right .pd_description{height:auto;}
	.biaoqian .bqt li{width:80px; font-size:16px; padding:0 10px}
	.biaoqian .bqc img{max-width:100%;}
	.biaoqian .bqc{padding:20px 0px 0px;}
	
	.contactus{width:96%;}
	
	.about{width:96%}
	.aboutcontent{width:96%}
	.aboutcontent td{width:100%;}
	.aboutcontent td img{display:none;}
	.aboutcontent p{line-height:30px;}
}
@media only screen and (max-width: 479px) { 
	.header{width:96%;}
	.header .hsearch{display:none;}
	.nav{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#000;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	.iprotype ul li div.wenzi{top:10px;}
	.iprotype ul li div.wenzi .tit{font-size:16px; }
	.iprotype ul li div.wenzi .instr{display:none;}
	
	.iprotype ul li{width:50%;}
	.iprotype ul li img {max-width: 100%; margin: 0 auto; display: block;}
	
	.iabout{width:96%; margin: 0px auto 10px;}
	.iabout .iaboutinfo{width:100%;}
	.iaboutimg{display: none;}
	.iabout .more a{margin-top:10px;}
	
	.shadowbottom{height:32px;}
	.shadowtop{height:32px;}
	
	.iprohot .iproleft{width:96%; margin: 0px 2%; float:none;}
	.iprohot .iprocenter{display:none;}
	.iprohot .iproright{width:96%; margin: 10px 2% 0px; float:none;}
	
	.iprohot .iproleft .iproleftb{margin-top:10px;}
	.iprohot .iproright .iprorightb{margin-bottom:10px;}
	
	.iproleftlwz{margin-left: 6%; top:10%;}
	.iproleftlwz img{width:20%; max-width: 83px;}
	.iproleftbwz .iproleftbwzr img{margin-top:5%}
	
	.iproleftbwz{top:8%; bottom:0%;}
	.iproleftbwz .iproleftbwzl{display: none;}
	.iproleftbwz .iproleftbwzr{margin-left:5%; width:55%;}
	.iproleftbwz .iproleftbwzr img{width:25%; max-width: 99px; margin-top: 5%}
	
	.iprocenterwz{height: 50%; width:90%; margin-left: 5%; top:15%}
	.iprocenterwz .intro{display: none;}
	.iprocenterwz img{margin: 30% auto 0px; width: 40%;}
	
	.iprorightbwz{width:85%;}
	.iprorightbwz .iprorightbwzt p{width:50%;}
	.iprorightbwz .iprorightbwzt img{width:50px; max-width: 99px;}
	.iprorightbwz .iprorightbwzb{display: none;}
	
	.iprorightlwz{line-height:24px; top:10px; margin-left: 5%; width:95%;}
	.iprorightlwz img{width:20%; margin-right:10%;  max-width: 83px; margin-top: 10%}
	.iprorightrwz{line-height:24px}
	.iprorightrwz img{width:20%; max-width: 83px;}
	
	.inews{width:96%;}
	.inews .newsl{float:none; width:100%; margin: 10px auto; }
	.inews .newsl img{display: block; margin: 0 auto; max-width: 100%;}
	.inews .newsl .newslist{width:100%;}
	.inews .newsr{width:100%; float:none;}
	.inews .newsr ul li a .ncon{width:100%; height: auto;}
	.inews .newsr ul li a .nimg{display:none;}
	.inews .newsr ul li a .ntime{display:none;}
	
	.foot{width:96%;}
	.foot .footc{width:100%;}
	.foot .footc .footnav{padding-left:0px; width:540px; margin: 0 auto; float:none; display: none;}
	.foot .footc .footimg{float:none; padding-right: 0px; width:300px; margin: 0 auto;}
	.hnewtop, .hnewbottom{height: 20px;}
	
	
	/* Tiny Carousel */  
	.protype{width: 80%; display: none; float:left;}
#proslider {height: 1%;overflow: hidden;  padding: 0px; background: #000; width: 100%;}  
#proslider .viewport {width:240px; margin: 0 auto;  height: 100px;overflow: hidden;position: relative;}  
#proslider .buttons {display: block;  margin: 30px 0px 0 0;  background-position: 0 -38px; text-indent:-999em;  float: left;  width: 10%;  height: 37px;  overflow: hidden;  position: relative;  }  
#proslider .prev{background: url(../images/L.png) center no-repeat;}
#proslider .next{background: url(../images/R.png) center no-repeat;}
#proslider .next {margin: 30px 0 0 0px;  }  
#proslider .disable {visibility: hidden;}  
#proslider .overview {list-style: none; position: absolute; padding:0px; margin:0px; left:0; top:0; width:240px;}  
#proslider .overview li {float: left;  margin: 0px;  padding: 0px;  height: 100px;  border: 0px solid #dcdcdc;  width:80px; text-align: center;}  
	

	.prokuan{width:96%; margin: 20px auto;}
	.prokuan img{width:80%; margin: 10px auto 10px;}
	.prokuan .tit{font-size:20px; line-height: 20px; padding: 20px 0px;}
	.prokuan .icon{font-size:16px;}
	
	.protwo{width:96%;}
	.protwo .protwol{float:none; width:100%; background:#f2f2f2; margin-bottom: 15px;}
	.protwo .protwol .tit{padding:20px 0px 20px; font-size:16px;}
	.protwo .protwol img{margin:20px 0px 20px; width:80%; }
	
	.protwo .protwor{float:none; width:100%; background:#f2f2f2;}
	.protwo .protwor img{margin:10px 0px 20px; max-width: 80%;}
	.protwo .protwor .tit{padding:20px 0px 15px; font-size:16px;}
	.protwo .protwor .icon{padding-bottom:15px;}

	
	.newstitbg .newstit{width:96%;}
	.newslistbg .newslist{width:96%;}
	.newslistbg .newslist ul li{padding:15px;}
	.newslistbg .newslist li .left{width:100%; padding-right:00px}
	.newslistbg .newslist li .right{width:100%;}
	.newslistbg .newslist li .left .title{line-height:1.1em; height:auto;}
	.newslistbg .newslist li .left .date{margin:10px 0px;}
	
	.newscontent{width:96%; word-wrap: break-word;}
	.news_detail_bottom{height:60px;}
	.news_detail_bottom > span{width:100%;}
	.news_detail_bottom .next{float:left; text-align:left; margin-bottom:10px;}
	
	
	.productscontent{width:96%;}
	.productscontent .PartTitle{font-size:16px;}
	#products .pd_top{height:auto;}
	#products .pd_top .pd_imgs{width:100%; float:none;}
	.hn_probanner_bgcolor .showbox ul li img{width:auto; max-width:90%;}
	#products .pd_top .pd_right{float:none; margin:0 auto; height:auto; width:100%;}
	#products .pd_top .pd_right .pd_title{height:auto; overflow:normal; font-size:16px}
	#products .pd_top .pd_right .pd_description .tag{font-size:14px;}
	#products .pd_top .pd_right .pd_description .pd_content li{line-height:30px; height:auto; font-size:14px;}
	#products .pd_top .pd_right .pd_description{height:auto;}
	.biaoqian .bqt,.biaoqian .bqc{display:none;}
	.biaoqian .mqc{display:block;}
	.biaoqian .mqc  li{line-height:30px;}
	.biaoqian .mqc  li img{max-width:100%;}
	.biaoqian .mqc .cur {background: #D90000; color:#fff; padding:5px 10px; margin:5px 0px; font-size:14px;}
	.biaoqian .mqc  table,.biaoqian .mqc  table tr,.biaoqian .mqc  table td{padding:0px; margin:0px; word-break: break-all;}
	
	.contactus{width:96%;}
	.contactus .con .confl{float:none; width:100%;}
	.contactus .con .confr{float:none; width:100%;}
	.contactus .con .confr img{display:block; margin:10px auto;}
	
		.about{width:96%}
	.aboutcontent{width:96%}
	.aboutcontent td{width:100%;}
	.aboutcontent td img{display:none;}
	.aboutcontent p{line-height:30px;}
	.contactus .con img {max-width:100%;}
}

.probox{width:100%; overflow: hidden;}
.probox img{display: block; max-width:100%;}
/*左中有*/
.proleft{float:left;}
.proleft a{display: block;}
.procenter{float:left;}
.proright{float:left;}
/*左*/
.proleftbox{width:100%;}
.proleft-top{width:100%;}
.proleft-top-left{float:left; position: relative;}
i, em { font-style: normal;}
.wenzi{position: absolute; top:20%; left: 10%; font-size: 16px; color:#fff; z-index: 5;}
.wenzi i,.wenzi em{display: block; line-height: 30px;}
.promore{top:100%; display: none; width: 100%; text-align: center; position: absolute; z-index: -1; height: 100%; background-color: transparent; background-image:url(../images/morebg.png);}

.promore img{display: block; left:50%; margin-left: -48px; position:absolute; top:50%; margin-top: -49px}
.proleft-top-left:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}

.proleft-top-right{float:right; position: relative;}
.proleft-top-right:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}

.proleft-bottom{position: relative;}
.proleft-bottom:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}
/*中*/
.procenterbox{width:100%; position: relative;}
.procenterbox:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}
.procenterbox .wenzi{top:10%; margin-left: 0px; text-align: center; left:50%; margin-left: -77px;}
/*右*/
.prorightbox{width:100%;}
.proright-top{position: relative;}
.proright-top:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}
.proright-top .wenzi{margin-left: 60%;}

.proright-bottom-left{float:left; position: relative;}
.proright-bottom-left:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}
.proright-bottom-left .wenzi{top:10%;}

.proright-bottom-right{float:right; position: relative;}
.proright-bottom-right:hover .promore{top:0px; display: block; vertical-align: middle; transform: translate(0,0); transition:all 0.4s ease-in 0s; z-index: 10}
.proright-bottom-right .wenzi{top:60%;}
@media (max-width: 1600px) {
	.wenzi{font-size:14px; left:5%; top:10%;}
}
@media (max-width: 1200px) {
	.wenzi{font-size:12px; left:5%; top:10%;}
}
@media (max-width: 992px) {
	.wenzi{display:none;}
}
@media (max-width: 768px) {
	.probox{width:96%; margin:0 auto;}
	.proleft-top-left,.proright-bottom-left{width:48.2%}
	.proleft-top-right,.proright-bottom-right{width:50.2%}
	.proleft-bottom{margin:5px 0px;}
	.procenterbox{display:none;}
	.proright-top{margin-bottom: 5px;}
	.wenzi{top:10%; left:2%}
	.proleft-bottom .wenzi{display:block; left:2%; width:30%;}
	.proright-top .wenzi{display:block;top:25%; margin-left:65%;}
}
@media (max-width: 480px) {
	.probox{width:96%; margin:0 auto;}
	.proleft-top-left,.proright-bottom-left{width:48.2%}
	.proleft-top-right,.proright-bottom-right{width:50.2%}
	.proleft-bottom{margin:5px 0px;}
	.procenterbox{display:none;}
	.proright-top{margin-bottom: 5px;}
	.wenzi{display:none;}
	.proleft-bottom .wenzi{display:block; left:2%; width:30%;}
	.proright-top .wenzi{display:block; }
}
@media (max-width: 320px) {
	.probox{width:96%; margin:0 auto;}
	.proleft-top-left,.proleft-top-right,.proleft-bottom,.procenterbox,.proright-top,.proright-bottom-left{margin-bottom: 5px;}
	.wenzi{left:5%; top:10%;}
}